@charset "UTF-8";
/*************头部样式修改****************/
header {
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid rgba(0, 0, 0, 0.8); }
  header nav ul li a {
    color: #ffffff; }

section {
  /***************首屏*****************/
  /*************六度营销**********/
  /**********明星私服、网红资源、明星街拍**************/
  /**********明星私服、网红资源、明星街拍**************/ }
  section .top img {
    display: block;
    width: 100%; }
  section .top .content {
    position: absolute;
    left: 367px;
    top: 269px;
    z-index: 11;
    width: 400px; }
    section .top .content p {
      color: #b2b2b2; }
    section .top .content .detailtop {
      color: #7f7f7f; }
    section .top .content .largedetail {
      color: #ffffff;
      font-weight: 500; }
  section .sixdegress {
    width: 100%;
    height: 630px;
    background: url("../images/bluejSpread/sixdegress_02.jpg") no-repeat; }
    section .sixdegress .detail {
      position: relative;
      margin-left: 361px;
      padding-top: 103px;
      float: left;
      box-sizing: border-box; }
      section .sixdegress .detail ul li {
        list-style: disc;
        position: relative;
        z-index: 10;
        margin-bottom: 10px; }
        section .sixdegress .detail ul li span {
          position: relative;
          display: inline-block;
          height: 50px;
          line-height: 50px;
          list-style: disc;
          padding: 0 40px;
          font-size: 18px;
          border-radius: 25px;
          margin-left: -40px;
          z-index: -1;
          -webkit-transition: all .3s ease;
          transition: all .3s ease; }
        section .sixdegress .detail ul li:hover, section .sixdegress .detail ul li.active {
          color: #ffffff; }
          section .sixdegress .detail ul li:hover span, section .sixdegress .detail ul li.active span {
            background: #00324a;
            color: #ffffff; }
    section .sixdegress .image {
      width: 1056px;
      height: 100%;
      float: left; }
      section .sixdegress .image .box {
        position: relative;
        width: 945px;
        margin: 70px auto 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8); }
      section .sixdegress .image .lineF, section .sixdegress .image .lineS, section .sixdegress .image .lineT {
        position: absolute;
        visibility: hidden; }
      section .sixdegress .image .lineS {
        top: 182px;
        left: -105px; }
      section .sixdegress .image .lineT {
        top: 364px;
        left: 0; }
      section .sixdegress .image .boxF, section .sixdegress .image .boxS, section .sixdegress .image .boxT, section .sixdegress .image .overlay {
        width: 200px;
        height: 250px;
        overflow: hidden; }
      section .sixdegress .image .boxF, section .sixdegress .image .boxS {
        visibility: hidden; }
      section .sixdegress .image .boxF {
        transform: rotate(120deg);
        float: left;
        margin-left: 10px;
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -webkit-transform: rotate(120deg); }
      section .sixdegress .image .boxS {
        transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg); }
      section .sixdegress .image .boxT {
        transform: rotate(-60deg);
        background: no-repeat 50% center;
        background-size: 125% auto;
        -ms-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg);
        visibility: visible; }
      section .sixdegress .image .overlay {
        -webkit-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
        display: block;
        background: #b9bbbc;
        position: relative;
        background-size: 125% auto; }
      section .sixdegress .image .bg {
        background: -webkit-linear-gradient(bottom right, #103343, #133547);
        background: linear-gradient(to top left, #103343, #133547); }
      section .sixdegress .image .overlay.bg.active, section .sixdegress .image .overlay.bg:hover {
        background: url("../images/bluejSpread/sixbg_03.png") no-repeat 50% center;
        background-size: 125% auto; }
      section .sixdegress .image .boxT:hover .overlay {
        display: block; }
      section .sixdegress .image .overlay a {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        border-radius: 3px;
        text-align: center;
        line-height: 32px;
        width: 32px;
        height: 32px;
        text-decoration: none;
        color: White;
        font-size: 18px;
        font-weight: bolder; }
  section .corecompetence {
    width: 100%;
    height: 965px;
    background: #ffffff; }
    section .corecompetence .coreimg {
      margin-left: 360px;
      margin-top: 170px; }
      section .corecompetence .coreimg img {
        display: block; }
    section .corecompetence .coredetail {
      margin-left: 142px;
      margin-top: 332px; }
      section .corecompetence .coredetail .textwidth {
        width: 435px;
        line-height: 25px;
        margin-top: 70px;
        margin-bottom: 45px; }
    section .corecompetence .line {
      float: left;
      margin: 125px auto 0;
      margin-left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 45%;
      height: 2px;
      background: #ebebeb; }
  section .ipcooperation {
    width: 100%;
    height: 1000px;
    text-align: center;
    padding-top: 75px;
    box-sizing: border-box; }
